<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录-ATU SmartHome</title>
    <style type="text/css">
        .cities {
            margin: auto;
            padding: 40px;
            color: rgb(17, 17, 17);
            text-align: center
        }

        p.no2 {
            font-size: 13px;
            text-indent: 15px;
        }

        .text1 {
            width: 350px;
            height: 40px;
            position: relative;
            border-radius: 5px;
            border: 1px solid #d3d3d4;
            box-sizing: border-box;
            padding-left: 40px;
            background-image: url('./222.png');
            background-repeat: no-repeat;
            background-position: left;
        }

        .text2 {
            width: 350px;
            height: 40px;
            position: relative;
            border-radius: 5px;
            border: 1px solid #d3d3d4;
            box-sizing: border-box;
            padding-left: 40px;
            background-image: url('./333.png');
            background-repeat: no-repeat;
            background-position: left;
        }

        span.thick {
            font-weight: bold;
            font-size: 50px;
        }

        ::-webkit-input-placeholder {
            color: rgb(160, 160, 160);
        }

        a:link {
            color: rgb(49, 49, 49);
            text-decoration: none
        }

        a:hover {
            background-color: rgb(3, 148, 3);
        }

        .flex-container {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            width: 380px;
            height: 50px;
            background-color: #e9f5bf;
            display: inline-flex;
        }

        .button1 {
            background-color: #e9f5bf;
            border: none;
            font-size: 16px;
            margin: 10px;
            color: rgb(3, 148, 3);
        }

        .button2 {
            background-color: rgb(3, 148, 3);
            border: none;
            margin: auto;
            color: rgb(250, 250, 250);
            /*padding: 15px 20px;*/
            width: 350px;
            height: 40px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            border-radius: 5px;
        }

        span.hah {
            vertical-align: middle;
            display: inline-block;
        }
    </style>
</head>

<body bgcolor="e9f5bf">
    <!-- mian -->
    <div class="cities">
        <p><span><img src="./02.jpg" width="40" height="40" /> </span>
            <span class="thick">Smart Home</span> </p>
        <p>ATU SmartHome 智能家居后台管理系统</p>
        <!-- dd -->
        <form>
            <input type="text" class="text1" placeholder=请输入用户名 size="20">
            <br>
            <br>
            <input type="password" class="text2" placeholder="请输入密码" size="20">
        </form>
        <div class="flex-container">
            <div> <button class="button1"><b>忘记密码</b></button></div>
            <div> <button class="button1"><b>注册账号</b></button></div>
        </div>
        <!-- 登录 -->
        <div><button class="button2">登录</button></div>
        <div class="flex-container">
            <p class="no2">其他登录方式
                <span class="hah"><input name="submit" type="image" value="ee" src="./QQ.png" width="20"
                        heig="20" /></span>
                <span class="hah"><input name="submit" type="image" value="ee" src="./微信.png" width="20"
                        heig="20" /></span>
                <span class="hah"><input name="submit" type="image" value="ee" src="./微博.png" width="20"
                        heig="20" /></span>
            </p>
        </div>
        <br>
        <br>
        <br>
        <br>
        <div>
            <footer><span><a href="https://www.wpgholdings.com/">大联大</a> </span>
                &nbsp;
                <span><a href="https://www.wpgdadatong.com/cn">大大通</a> </span>
                &nbsp;
                <span><a href="http://aos.atu360.cn/atu/customer_contact/index.php"> ATU 线上系统</a> </span> </footer>
            <p class="no2">Copyright © 2020 大联大商贸（深圳）有限公司</p>
        </div>

    </div>

</body>

</html>